<template>
    <div class="pkCell" :class="{border: border}" >
        <van-cell
                v-on="$listeners"
                v-bind="$attrs"
                :style="cellStyle">
            <template>
                <slot name="title"></slot>
            </template>
        </van-cell>
    </div>
</template>

<script>
    export default {
        name: "pkCell",
        props: {
            padW: {
                type: String,
                default: "15px"
            },
            padH: {
                type: String,
                default: "8px"
            },
            border: {
                type: Boolean,
                default: false
            }
        },
        components: {},

        data() {
            return {}
        },

        created() {
        },
        computed: {
            cellStyle() {
                return {
                    padding: this.padH + " " + this.padW
                }
            }
        },
        watch: {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .pkCell {
        >.van-cell {
            padding: 0;
        }
    }
    .pkCell.border {
        border-bottom: 1px solid var(--color-F5);
    }
</style>
